<template>
    <div class="HomeSort">
        <div class="HomeSort-m" >
<!--            :to="{name:'Shopall',params:{xiaoming:'我是传递过去的参数params'}}"-->
            <router-link class="HomeSort-1" v-for="(v,i) in data" :key="i" :to="v.path">
                <img :src="v.image">
                <p>{{v.text}}</p>
            </router-link>
        </div>
    </div>
</template>

<script>
export default {
    name: "HomeSort",
    props:{
        data:Array
    }
}
</script>

<style scoped>
.HomeSort{
    margin: 0 .12rem;
    overflow: scroll;
    background-color: #fff;
}
.HomeSort::-webkit-scrollbar {display:none}
.HomeSort-m{
    height:2.05rem;
    display: flex;
    flex-wrap: wrap;
    flex-direction: column;
    background-color: #fff;
    border-radius: .06rem;
    padding: .16rem .13rem .07rem 0;
}
.HomeSort-1{
    width: 19%;
    text-align: center;
    margin-bottom:.12rem;
    /*margin-left: .13rem;*/
    /*margin-right: .04rem;*/
}
.HomeSort-1 img{
    width: .53rem;
    height: .53rem;
    display: block;
    margin: 0 auto;
    object-fit: cover;
}
.HomeSort-1 p{
    color: #333;
    margin-top:.07rem;
}
</style>